<?php
/**
 * The template for displaying Comments.
 *
 * The area of the page that contains both current comments
 * and the comment form.  The actual display of comments is
 * handled by a callback to twentyten_comment which is
 * located in the functions.php file.
 *
 * @package WordPress
 * @subpackage Twenty_Ten
 * @since Twenty Ten 1.0
 */
?>

<?php if ( comments_open() ) : ?>
<div class="designed-comment-form">
        <div class="comments_form">
          <ul class="tabs clearfix reseter">
            <li class="tab01 active-tab"><A href="javascript:;">Комментарий Вконтакте</A></li>
            <li class="tab02"><a href="javascript:;">Комментарий Facebook</a></li>
          </ul>
          <div class="tabs-content">
            <div class="tab01">
                <div id="vk_comments"></div>
                <script>
                    VK.Widgets.Comments("vk_comments", {limit: 15, width: "925", attach: "*"});
                </script>
            </div>
            <div class="tab02">
                <div id="fb-root"></div>
                <script>
                    (function(d, s, id) {
                        var js, fjs = d.getElementsByTagName(s)[0];
                        if (d.getElementById(id)) {return;}
                        js = d.createElement(s); js.id = id;
                        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
                        fjs.parentNode.insertBefore(js, fjs);
                    }(document, 'script', 'facebook-jssdk'));
                </script>
                <div class="fb-comments" data-href="<?php the_permalink(); ?>" data-num-posts="15" data-width="925"></div>
            </div>
          </div>
        </div>
</div>
<?php else : ?>
    <p class="nocomments"><?php _e( 'Comments are closed.', 'twentyten' ); ?></p>
<?php endif ?>
